<!--<div class="row">
    <div class="col-12 p-3">
        <button *ngIf="('Pages.Administration.OrganizationUnits.ManageRoles' | permission) && organizationUnit" (click)="openAddRoleModal()" class="btn btn-primary float-right mb-3">
            <i class="fa fa-plus"></i> {{"AddPost" | localize}}
        </button>
    </div>
    <div class="col-12">
        <div id="OuRolesTable">-->
<!--<Primeng-TurboTable-Start>-->
<!--<div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading" [hidden]="!organizationUnit">
    <p-table #dataTable
             sortMode="multiple"
             (onLazyLoad)="getOrganizationUnitRoles($event)"
             [value]="primengTableHelper.records"
             rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
             [paginator]="false"
             [lazy]="true"
             [responsive]="primengTableHelper.isResponsive">
        <ng-template pTemplate="header">
            <tr>
                <th style="width: 15%"
                    [hidden]="!('Pages.Administration.OrganizationUnits.ManageRoles' | permission)">{{'Delete' | localize}}</th>
                <th pSortableColumn="displayName">
                    {{'Role' | localize}}
                    <p-sortIcon field="displayName"></p-sortIcon>
                </th>
                <th pSortableColumn="addedTime">
                    {{'AddedTime' | localize}}
                    <p-sortIcon field="addedTime"></p-sortIcon>
                </th>
            </tr>
        </ng-template>
        <ng-template pTemplate="body" let-record="$implicit">
            <tr>
                <td [hidden]="!('Pages.Administration.OrganizationUnits.ManageRoles' | permission)">
                    <button class="btn btn-outline-danger btn-xs2"
                            (click)="removeRole(record)"
                            title="{{'Delete' | localize}}">
                        <i class="fa fa-times" [attr.aria-label]="l('Delete')"></i>
                    </button>
                </td>
                <td>
                    <span class="p-column-title">{{'Role' | localize}}</span>
                    {{record.displayName}}
                </td>
                <td>
                    <span class="p-column-title">{{'AddedTime' | localize}}</span>
                    {{record.addedTime | luxonFormat:'F'}}
                </td>
            </tr>
        </ng-template>
    </p-table>
    <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">
        {{'NoData' | localize}}
    </div>
    <div class="primeng-paging-container">
        <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage"
                     #paginator
                     (onPageChange)="getOrganizationUnitRoles($event)"
                     [totalRecords]="primengTableHelper.totalRecordsCount"
                     [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage"
                     [showCurrentPageReport]="true"
                     [currentPageReportTemplate]="'TotalRecordsCount' | localize:primengTableHelper.totalRecordsCount"
        >
        </p-paginator>
    </div>
</div>-->
<!--<Primeng-TurboTable-End>-->
<!--</div>
    </div>
</div>

<div *ngIf="!organizationUnit" class="text-muted">
    {{"SelectAnOrganizationUnitToSeeRoles" | localize}}
</div>

<addPostModal #addPostModal (postAdded)="addRoles($event)"></addPostModal>-->
